var pageInit= {
	//初始化
	init:function(){
		
	
	
		
		pageInit.updatePage();

		pageInit.selectFrame("#batteryId1",historyParams);
		pageInit.selectFrame("#batteryId2",historyParams);
		pageInit.selectFrame("#batteryId3",historyParams);
		pageInit.selectFrame("#batteryId4",historyParams);
		
		
	},
	//获取实时数据对象
	updateRealOptionData : function(node,data){
        // var option = {		//老版的图表设置，不兼容echarts v3
        //     tooltip : {
        //         formatter: "{c}"
        //     },
        //     toolbox: {
        //         show : false,
        //         feature : {
        //             restore : {show: true},
        //             saveAsImage : {show: true}
        //         }
        //     },
        //     series: [
        //         {
        //             name: '',
        //             type: 'gauge',
        //             min:data.startValue,
        //             max: data.endValue,	//最大值
        //             data: [{value: data.value==null?0:data.value, name: ""}],
        //             axisLine: {
        //                 lineStyle: {
        //                     color: [[0.3, '#509ac7'], [0.7, '#24aee5'], [1, '#d45b6c']]
        //                 }
        //             },
        //             detail:{
        //                 show : true,
        //                 width: 100,
        //                 height: 40,
        //                 formatter:"{value}"+data.range,
        //                 offsetCenter: [0, '30%'],
        //                 textStyle: {
        //                     fontSize : 20
        //                 }
        //             },
        //             pointer:{
        //                 length : '60%',
        //                 width : 5,
        //                 color : 'auto'
        //             },
        //             startAngle: 190,
        //             endAngle: -10,
        //             radius: ['95%','95%'],
        //             center: ['50%','70%']
        //         }
        //     ]
        // };
		var option2 = {
            tooltip : {
                formatter: "{a} <br/>{b} : {c}%"
            },
            toolbox: {
                feature: {
                    // restore: {},
                    // saveAsImage: {}
                }
            },
            series: [
                {
                    name: '',
                    type: 'gauge',
                    min:data.startValue,
                    max: data.endValue,	//最大值
                    center : ['50%', '70%'],
                    radius: '110%',
                    startAngle: 190,
                    endAngle: -10,
                    detail: {
                        show : true,
                        width: 100,
                        height: 40,
                        formatter:"{value}"+data.range,
                        offsetCenter: [0, '40%'],
                        textStyle: {
                            fontSize : 20
                        }
                    },

                    data: [{value: data.value==null?0:data.value, name: ""}]
                }
            ]
        };
		node.setOption(option2);

	},

	//更新页面数据
	updatePage:function(){
		
		$.ajax({
			url:ctx+"/equipment/data/real/param/detail",
			type:"post",
			dataType:"json",
			data:{id:equipmentId},
			success:function(result){
				for(var i=0;i<result.data.paramReal.length;i++){
					var x = "<li><div id='chart"+i+"' style='width:auto;height:100%;'></div><span class='title' id='nameType"+i+"'>"+
					result.data.paramReal[i].name+"</span></li>";
					$("#echart-list").append(x);
					
					var myChart = echarts.init($("#chart"+i)[0]);
					
					pageInit.updateRealOptionData(myChart,result.data.paramReal[i]);

				}
				
				//时间
				
				var t = new Date(result.data.time);
				var date_1 = t.getHours()+":"+t.getMinutes()+":"+t.getSeconds();
				var date_2 = t.getFullYear()+"年"+(t.getMonth()+1)+"月"+t.getDate()+"日";
				$('#date_1').html(date_1);
				$('#date_2').html(date_2);
				
			}
		});
		
	},
	//加载动画
	showLoad:function(id){
		id.showLoading({
		    text: '正在努力的读取数据中...',    //loading
		});		
	},

	clickUpdate:function(paramId,domId){
			$.ajax({
				type:"get",
				url:ctx+"/equipment/data/history/param/detail",
				dataType:"json",
				data: {equipCode:equipCode,paramId:paramId},
				success:function(echartData){
					var myChart4 = echarts.init($(domId).parent().next().get(0));
					pageInit.showLoad(myChart4);	//loading
//					if(echartData.result){
			            myChart4.setOption({      
				            tooltip: {
				                show: true
				            },
				            legend: {
				                data:[""]
				            },
				            xAxis : [
				                {
				                    type : 'category',
				                    data : echartData.data.param
				                }
				            ],
				            yAxis : [
				                {
				                    type : 'value'
				                }
				            ],
				            dataZoom : {
				                show : true,
				                realtime : true,
				                start : 0,
				                end : 100
				            },
				            series : [
				                {
				                    "name":"",
				                    "type":"line",
				                    "data":echartData.data.data
				                }
				            ]
			            })
			            myChart4.hideLoading();	//loading hidden
//					}
				}
			});
		
	},
	
	
	selectFrame:function(id,arr){
		$(id).click(function(e){
			e.stopPropagation();
			$(".select-frame").remove();
			var w = $(this).width();
			var offset = $(this).offset();
			var selectbox = $("<ul class='select-frame'></ul>");
			for(var i=0; i<arr.length; i++){
				selectbox.append("<li data-id='"+arr[i].pkId+"'>"+arr[i].paramName+"</li>");
			}
			$("body").append(selectbox);
			$(".select-frame").css({width:w+"px",top:offset.top-10+"px",left:offset.left+"px"});
			$(".select-frame li").click(function(){
				var _text = $(this).text();
				$(id).text(_text);
				$(".select-frame").remove();
				var paramId=$(this).data('id');
				pageInit.clickUpdate(paramId,id);
				
			})
		})
	}
}
$(function(){
	//初始化
	pageInit.init();
// 	function selectFrame(id,arr){
// 		$('body').on('click', id, function(e){
// 			e.stopPropagation();
// 			$(".select-frame").remove();
// 			var w = $(this).width();
// 			var offset = $(this).offset();
// 			var selectbox = $("<ul class='select-frame'></ul>");
// 			for(var i=0; i<arr.length; i++){
// 				selectbox.append("<li>"+arr[i]+"</li>");
// 			}
// 			$("body").append(selectbox);
// 			$(".select-frame").css({width:w+"px",top:offset.top-10+"px",left:offset.left+"px"});
// 			$(".select-frame li").click(function(){
// 				var _text = $(this).text();
// 				$(id).text(_text);
// 				$(".select-frame").remove();
// 			})
// 		})
// 	}
// 	var newArr = ["FZ10102CEQ11A001","FZ10102CEQ11A002","FZ10102CEQ11A003","FZ10102CEQ11A004","FZ10102CEQ11A005","FZ10102CEQ11A006","FZ10102CEQ11A007"];
// 	var newArr2 = ["121","122","123"];
// 	var newArr3 = ["141","142","143","144"];
// 	selectFrame(".batteryId",newArr);
// 	selectFrame("#batteryId2",newArr2);
// 	selectFrame("#batteryId3",newArr3);
//
// 	$(".batteryBorder-container").click(function(){
// 		$(".select-frame").remove();
// 	})
//
// 	 /**监控状态的切换
// 	 * 默认状态为开始
// 	 * 加上.stop类名即为停止状态*/
//
// 	$(".parm-select .status").click(function(){
// 		if($(this).hasClass("stop")){
// 			$(this).removeClass("stop");
// 		}else{
// 			$(this).addClass("stop");
// 		}
// 	})

})
